.BoxItem {
  width: 100%;
  height: 100rem;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px #ccc;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: scroll;
  font-size: 13px;

  .Item {
    width: 30%;
    height: 100%;

    b{
      width: 90%;
      height: 10px;
      line-height: 10px;
    }

    .div {
      width: 100%;
      height: 15%;
      // border: 1px solid #000;
      padding: 3px;

      p {
        width: 100%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: palegreen;
      }
    }

    .div1 {
      width: 100%;
      height: 7%;
      // border: 1px solid #000;
      padding: 3px;

      p {
        width: 100%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: palegreen;
      }
    }

    .div2 {
      width: 100%;
      height: 25%;
      // border: 1px solid #000;
      padding: 3px;

      p {
        width: 100%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: palegreen;
      }
    }
  }

  .Item1 {
    width: 30%;
    height: 100%;
    margin-left: 10px;

    .h5 {
      width: 90%;
      height: 20px;
    }

    .div {
      width: 100%;
      height: 12%;
      // border: 1px solid #000;
      padding: 3px;

      p {
        width: 100%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: palegreen;
      }
    }

    .div1 {
      width: 100%;
      height: 12%;
      // border: 1px solid #000;
      padding: 3px;
      margin-top: 20px;

      p {
        width: 100%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: palegreen;
      }
    }
  }

  .Item2 {
    width: 30%;
    height: 100%;
    margin-left: 10px;

    .h5 {
      width: 90%;
      height: 20px;
    }

    .div {
      width: 100%;
      height: 15%;
      // border: 1px solid #000;
      padding: 3px;

      p {
        width: 95%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: palegreen;
      }
    }

    .div1 {
      width: 100%;
      height: 12%;
      // border: 1px solid #000;
      padding: 3px;

      p {
        width: 95%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: palegreen;
      }
    }
  }

  .Item3 {
    width: 30%;
    height: 100%;
    margin-left: 10px;

    .h5 {
      width: 90%;
      height: 20px;
    }

    .div {
      width: 100%;
      height: 15%;
      // border: 1px solid #000;
      padding: 3px;

      p {
        width: 95%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: palegreen;
      }
    }

    .div1 {
      width: 100%;
      height: 12%;
      // border: 1px solid #000;
      padding: 3px;

      p {
        width: 95%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: palegreen;
      }
    }
  }

  .Item4 {
    width: 30%;
    height: 100%;
    margin-left: 10px;
    img{
     width: 200px;
     height: 400px;
      margin-top: 35%;
    }
  }
}